<template>
  <f7-app :params="params">
    <!-- Left resizable Panel with Reveal effect -->
    <f7-panel left reveal resizable backdrop>
      <f7-view url="/panel/"></f7-view>
    </f7-panel>
    <f7-view url="/tabs/" main :stackPages="true"></f7-view>
  </f7-app>
</template>

<script>
import routes from './router/index';
export default {
  name: 'app',
  data() {
    return {
      params: {
        name: 'Framework7-vue',
        id: 'DemoApp',
        theme: 'ios', // can be "md" or "auto"
        routes,
        iosTranslucentBars: false,
        touch: {
          // Enable fast clicks for only old os
          iosTouchRipple: true,
        },
        dialog: {
          title: '标题',
          buttonOk: '确定',
          buttonCancel: '取消',
        },
        toast: {
          position: 'center',
          closeTimeout: 2000,
        }
      }
    }
  }
}
</script>

